<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
		<title></title>
		<link href="css/index.css" rel="stylesheet" />
	</head>
	<body>
		<div class="header">
			<span class="title">爱摄影</span>
		</div>
		<div class="swiper">
			<img src="img/swiper.jpg"  class="swiper-img"/>
		</div>
		
			<ul class="nav">
				<li class="nav-item">
					<a href="index.html">
						<div class="nav-item-list">首页</div>
					</a>
				</li>
				<li class="nav-item">
					<a href="sheying.html">
						<div class="nav-item-list">摄影展</div>
					</a>
				</li>
				<li class="nav-item">
					<a href="">
						<div class="nav-item-list">印象</div>
					</a>
				</li>
				<li class="nav-item">
					<a href="">
						<div class="nav-item-list">摄影教学</div>
					</a>
				</li>
				<li class="nav-item">
					<a href="">
						<div class="nav-item-list">摄影大赛</div>
					</a>
				</li>
				<li class="nav-item">
					<a href="">
						<div class="nav-item-list">关于我们</div>
					</a>
				</li>
			</ul>
		
		<hr class="top-hr">
		<div class="list-title">
			<span class="list-title-item">摄影&myself</span>
		</div>
		<hr  class="list-hr"/>
		<div class="list-content">
			<div class="list-content-item">
				<img src="img/water.jpg" class="list-content-item-left" />
				<div class="list-content-item-right">
					<p>摄影师：peter</p>
					<p>有人羡星星之丽，伸手摘星，努力多时，却不可得。伸手摘星，虽未得星，却心纳美景手不染污。</p>
				</div>
			</div><div class="list-content-item">
				<img src="img/swiper.jpg" class="list-content-item-left" />
				<div class="list-content-item-right">
					<p>摄影师：peter</p>
					<p>有人羡星星之丽，伸手摘星，努力多时，却不可得。伸手摘星，虽未得星，却心纳美景手不染污。</p>
				</div>
			</div>
			<div class="list-content-item">
				<img src="img/time.jpg" class="list-content-item-left" />
				<div class="list-content-item-right">
					<p>摄影师：peter</p>
					<p>有人羡星星之丽，伸手摘星，努力多时，却不可得。伸手摘星，虽未得星，却心纳美景手不染污。</p>
				</div>
			</div>
		</div>
		
			<ul class="footer">
				<li class="footer-item">
					<img src="img/icon-home.png" class="footer-item-img" />
					<p class="footer-item-text">首页</p>
				</li>
				<li class="footer-item">
					<img src="img/icon-our.png" class="footer-item-img" />
					<p class="footer-item-text">关于</p>
				</li>
				<li class="footer-item">
					<img src="img/icon-dianzan.png" class="footer-item-img" />
					<p class="footer-item-text">nice</p>
				</li>
			</ul>
		
		<script src="js/rem.js" type="text/javascript"></script>
	</body>
</html>
